<!DOCTYPE html>
<html lang="en">
  <head>
    {% block head %}
    {% endblock %}
    <meta charset="utf-8">
    <title>
    {% block title %}
    Bootstrap, from Twitter
    {% endblock %}
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
	font-family: "Arial", "Microsoft YaHei";
      }
    </style>
    <link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link rel="shortcut icon" href="/static/favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="/static/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
   
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/highcharts.js"></script>
    <script src="/static/js/bootstrap-popover.js"></script>
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="/">CIHI Monitor</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="/logs">查看日志</a></li>
	      <li><a href="/monitor/status">监控数据</a></li>
	      <li><a href="/client">主机配置</a></li>
	      <li><a href="/project">项目配置</a></li>
	      <li><a href="/monitor">监控配置</a></li>
	      <li><a href="/time">测试页面</a></li>
            </ul>
          </div><!--/.nav-collapse -->


	  <div class="nav-collapse collapse pull-right">
	    <ul class="nav">
	       <li><a>用户 {{ request.user }} 已登录</a></li>	
	       <li><a href="/logout">注销</a></li>
	       <li><a href="/user/chpasswd">修改密码</a></li>
	       <li><a href="/user/register">添加用户</a></li>
	    </ul>
	  </div>
        </div>
      </div>
    </div>

    <div class="container">
    {% block content %}
    {% endblock %}

    <hr>

 	   <div class="footer">
		   <p>小哇科技版权所有</p>
	   </div>

    </div>


  </body>
</html>
